<template>
  <div class="app-home">
    <!-- banner1，轮播图和实事资讯-->
    <div class="carouselItem">
      <CarouselItem></CarouselItem>
    </div>
    <!--快捷导航-->
    <div class="quickModel" >
      <quick-module></quick-module>
    </div>
    <div class="courseTeach">
      <course-teach></course-teach>
    </div>
<!--    新闻资讯-->
    <div>
      <ConsuleteCenter></ConsuleteCenter>
    </div>




  </div>
</template>

<script>
import CarouselItem from '@/views/home/components/CarouselItem.vue'
import ConsuleteCenter from '@/views/home/components/ConsuleteCenter.vue'
import SchoolActive from '@/views/home/components/SchoolActive.vue'
import QuickModule from '@/views/home/components/QuickModule.vue'
import CourseTeach from '@/views/home/components/CourseTeach.vue'
import FloatingLinkWindow from '@/components/FloatingLinkWindow/FloatingLinkWindow.vue'


export default {
  name: 'homePage',
  components: {
    CourseTeach,
    QuickModule,
    SchoolActive,
    ConsuleteCenter,
    CarouselItem,
    FloatingLinkWindow
  }
}
</script>

<style lang="scss" scoped>
.app-home {

  .carouselItem {
    display: flex;
    justify-content: space-between;
  }

  .courseTeach {

  }
  .quickModel{

  }
}
</style>
